<div class="col-lg-12">
	<!--当前位置 start-->
	<div class="row">
		<div class="col-lg-12">
			<ol class="breadcrumb">
				<li><i class="fa fa-home mrg-r-sm"></i>首页
				<li class="active"><span>来电历史信息</span></li>
			</ol>
		</div>
	</div>
	<!--当前位置 end-->
	
	<!--代码写在这里-->
	<div class="row">
			<div class="col-lg-12">
				<header class="main-box-header clearfix">
					<div class="filter-block pull-left">
						<div class="form-group pull-left">
							<select class="form-control" ng-model="search.service" >
								<option value="">请选择服务类型</option>
								<option value="咨询">咨询</option>
								<option value="投诉">投诉</option>
								<option value="服务办理">服务办理</option>
							</select>
						</div>
					</div>
					<div class="filter-block pull-left">
						<!--搜索框 Start-->
						<div class="form-group pull-left">
							<input type="text" ng-model="search.phone" class="form-control" placeholder="请输入手机号">
						</div>
						<a class="btn btn-primary pull-left" ng-click="history(search)">
						<i class="fa fa-search search-icon"></i> 搜索
						</a>
						<!--搜索框 End-->
						<!--导出-->
						<a class="btn btn-primary pull-left mrg-b-lg md-trigger"  ng-click="export(search)" id="show" >
							<i class="fa  fa-minus-circle fa-lg"></i> 导出
						</a>
						<div id="range-ul" class=" pull-right col-lg-3" style="display: none;">
							<div class="col-lg-6">
								<a  id="exportUrl"  href="{{export_url}}" class="btn btn-info  pull-left " style="display: none;"> <i class="fa fa-download fa-lg"></i>点击下载</a>
						    </div>
						</div>						
					</div>
				</header>
				<div class="main-box no-header clearfix">
					<div class="main-box-body clearfix" >
						<div class="table-responsive">
							<table class="table table-hover table-striped text-center">
								<thead >
									<tr>
										<th class="text-center"><span>客户姓名</span></th>
										<th class="text-center"><span>来电号码</span></th>
										<th class="text-center"><span>服务类型</span></th>
										<th class="text-center"><span>通话类型</span></th>
										<th class="text-center"><span>接通时间</span></th>
										<th class="text-center"><span>挂断时间</span></th>
										<th class="text-center"><span>备注/短信</span></th>
										<th class="text-center"><span>操作</span></th>
									</tr>
								</thead>
								<tbody >
									<tr role="row" class="odd"  ng-repeat="item in list">
										<td class="sorting_1">{{item.name}}</td>
										<td>{{item.phone}}</td>
										<td>{{item.service}}</td>
										<td>{{item.status}}</td>
										<td>{{item.start_time}}</td>
										<td>{{item.end_time}}</td>
										<td>{{item.remark}}</td>
									</tr>
								</tbody>
							</table>
						</div>
						<ul class="pagination pull-right">
                            <li><a >总条数：{{count}}</a></li>
                            <li><a >总页数：{{totalPage}}</a></li>
					        <li><a ng-click="changePage(1)">首页</a></li>
					        <li><a ng-show="currentPage>1" ng-click="changePage(currentPage-1)"><i class="fa fa-chevron-left"></i></a></li>
					        <!--<li><span ng-show="frontdotShow">…</span></li>-->
					        <li ng-repeat="item in pageList" ng-click="changePage(item.number)" class="{{item.active}}"><a>{{item.number}}</a></li>
					        <!--<li><span ng-show="backdotShow">…</span></li>-->
					        <li><a ng-show="currentPage<totalPage" ng-click="changePage(currentPage+1)"><i class="fa fa-chevron-right"></i></a></li>
					        <li><a ng-click="changePage(totalPage)">尾页</a></li>
					    </ul>
					</div>
				</div>
			</div>
		</div>
	<!--代码写在这里  end-->
</div>
<script>
	 $(document).ready(function(){
		$("#show").click(function(){
			$("#range-ul").toggle();
		});
		$("#sousuo").click(function(){
			$("#range-ul").hide();
		});
	});
</script>